<template>

  <div class="fenlei">
      <ul id="myway" v-for="fenlei in fenleis" :key="fenlei.id">
         <router-link tag="div" :to="/found-detail/+fenlei.id">
        <li>{{fenlei.found_name}}
        </li> 
        <van-divider />
         </router-link>
      </ul>
       <p>没有更多了</p>
       </div>
   


</template>

<script>
import axios from 'axios'
export default {
    data(){
        return{
        
             active:0,
             fenleis:[],
             show:[]
        }
    },
    created() {    
      axios.get('http://localhost:3000/found_type')
        .then(res => {
          this.fenleis=res.data.data
          for(var i=0;i<fenleis.lenght;i++){
             this.show=this.fenleis[i].found_id
          console.log(this.show);
          }
        })
        .catch(error => {
          console.log(error);
        })
  },
}
</script>

<style lang="less" scoped>
.fenlei{
    margin: 10px;
    p{
      color: rgb(199, 203, 206);
      text-align: center;
    }
}
#myway li{
  margin-bottom: 25px;
  margin-left: 20px;
  
}
.van-tree-select__content{
  margin: 15px;
}
ul li:hover{
     transform: scale(1.2,1.1);
    -webkit-transform: scale(1.2,1.1);
    -moz-transform: scale(1.2,1.1);
    -o-transform: scale(1.2,1.1);
    -ms-transform: scale(1.2,1.1)
} ;
</style>